.body {
  width: 1140px;
  height: auto;
  margin: 0 auto;
  margin-top: 20px;
  background-color: #E7EAEE;
}

.body .paperd {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  background-color: #E7EAEE;
}

.body .paperd .lef_body {
  width: 836px;
  height: 100%;
  background-color: #E7EAEE;
}

.body .paperd .lef_body .swiper_dom {
  width: 100%;
  height: 332px;
  padding: 8px 8px;
  background-color: #fff;
}

.body .paperd .lef_body .three_body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffff;
  margin-top: 20px;
}

.body .paperd .lef_body .three_body .top_body {
  width: 100%;
  height: 57px;
  border-bottom: 1px solid #ccc;
}

.body .paperd .lef_body .three_body .top_body ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.body .paperd .lef_body .three_body .top_body ul li {
  padding: 0px 12px;
}

.body .paperd .lef_body .three_body .top_body ul li a {
  color: #000;
}

.body .paperd .lef_body .three_body .top_body ul li a.active {
  color: #FF0064;
}

.body .paperd .lef_body .three_body .top_body ul li a:hover {
  color: #FF0064;
}

.body .paperd .lef_body .three_body .botm_body {
  width: 100%;
  height: 10000px;
  background-color: #fff;
}

.body .paperd .rig_body {
  width: 288px;
  height: auto;
  background-color: #E7EAEE;
}

.body .paperd .rig_body .recomd_dom {
  width: 100%;
  height: 270px;
}
